<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/globle.css" />
		<link rel="stylesheet" type="text/css" href="xiaomishangcheng.css" />
	</head>

	<body>
		<div class="toubu">
			<div class="container">
				<ul>
					<li>
						<a href="#">小米商城 </a><span>|</span></li>
					<li>
						<a href="#">MIUI</a><span>|</span></li>
					<li>
						<a href="#">米聊</a><span>|</span></li>
					<li>
						<a href="#">游戏</a><span>|</span></li>
					<li>
						<a href="#">多看阅读</a><span>|</span></li>
					<li>
						<a href="#">云服务</a><span>|</span></li>
					<li>
						<a href="#">金融</a><span>|</span></li>
					<li>
						<a href="#">小米商城移动版</a><span>|</span></li>
					<li>
						<a href="#">问题反馈</a><span>|</span></li>
					<li>
						<a href="#">SelectRrgion</a>
					</li>
				</ul>
				<ul class="right">
					<li class="gouwu">
						<a href="#"> <img class="che" src="背景图片/cart.png">购物车 ( 0 ) </a>
						<div class="xiala" style="color: black;">购物车中还没有商品，赶紧选购吧！</div>
					</li>
					<li>
						<a href="#">消息通知 </a>
					</li>
					<li>
						<a href="#">注册 </a><span>|</span></li>
					<li>
						<a href="#">登录 </a><span>|</span></li>
				</ul>
				<div style="height: 40px;"></div>
				<div class="logo">
					<a href="#"><img src="背景图片/logo.png"></a>
				</div>
				<ul class="daohang">
					<li class="item-box1">
						<a href="#">小米手机</a>
					</li>
					<li class="item-box2">
						<a href="#">红米</a>
					</li>
					<li class="item-box3">
						<a href="#">平板·笔记本</a>
					</li>
					<li class="item-box4">
						<a href="#">电视盒子</a>
					</li>
					<li class="item-box5">
						<a href="#">盒子·影音</a>
					</li>
					<li class="item-box6">
						<a href="#">路由器</a>
					</li>
					<li class="item-box7">
						<a href="#">智能硬件</a>
					</li>
					<li class="item-box8">
						<a href="#">服务</a>
					</li>
					<li class="item-box9">
						<a href="#">社区</a>
					</li>
				</ul>
				<!--<p><input type="text" /></p>-->
				<div class="inputs">
					<div class="box">
						<div class="sousuo"><span class="glyphicon glyphicon-search"></span></div>
						<input type="text" name="sousuo" id="sousuo" placeholder="" />
						<p class="p1">
							<a href="">小米MIX</a>
						</p>
						<p class="p2">
							<a href="">人工智能电视</a>
						</p>
					</div>
				</div>
			</div>
			<div class="item-children" style="display: none;">
				<div class="container">
					<!--小米-->
					<ul style="display: none;" class="jieshou1">
						<li>
							<a href="#"><img src="产品图片/小米1.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/小米2.jpg" /> </a>
							<p>小米MIX</p>
							<p>3499元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/小米3.jpg" /> </a>
							<p>小米5s</p>
							<p>1899元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/小米4.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/小米5.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/小米6.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--红米-->
					<ul style="display: none;" class="jieshou2">
						<li>
							<a href="#"><img src="产品图片/小米6.jpg" /> </a>
							<p>红米2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/小米7.jpg" /> </a>
							<p>红米Node2</p>
							<p>2799元起</p>
						</li>

						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/小米8.jpg" /> </a>
							<p>红米Node3</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--平板-->
					<ul style="display: none;" class="jieshou3">
						<li>
							<a href="#"><img src="产品图片/平板1.png" /> </a>
							<p>小米平板2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视2.png" /> </a>
							<p>小米平板2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视3.jpg" /> </a>
							<p>小米笔记本</p>
							<p>2799元起</p>
						</li>

						<li>
							<a href="#"><img src="产品图片/电视5.jpg" /> </a>
							<p>小米笔记本</p>
							<p>2799元起</p>
						</li>
						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/小米6.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--电视-->
					<ul style="display: none;" class="jieshou4">
						<li>
							<a href="#"><img src="产品图片/电视1.jpg" /> </a>
							<p>小米电视55英寸</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视2.png" /> </a>
							<p>小米电视55英寸</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视3.jpg" /> </a>
							<p>小米电视55英寸</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视4.jpg" /> </a>
							<p>小米电视55英寸</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/电视5.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/电视6.jpg" /> </a>
							<p>小米电视55英寸</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--盒子-->
					<ul style="display: none;" class="jieshou5">
						<li>
							<a href="#"><img src="产品图片/盒子1.jpg" /> </a>
							<p>小米盒子</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/盒子2.jpg" /> </a>
							<p>小米盒子</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/盒子3.jpg" /> </a>
							<p>小米盒子</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/盒子4.jpg" /> </a>
							<p>小米盒子</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/盒子3.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/盒子2.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--路由器-->
					<ul style="display: none;" class="jieshou6">
						<li>
							<a href="#"><img src="产品图片/路由器1.jpg" /> </a>
							<p>小米路由器</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/路由器2.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/路由器3.jpg" /> </a>
							<p>小米路由器</p>
							<p>2799元起</p>
						</li>

						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/路由器4.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
					</ul>
					<!--智能硬件-->
					<ul style="display: none;" class="jieshou7">
						<li>
							<a href="#"><img src="产品图片/智能1.jpg" /> </a>
							<p>小米平行车</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/智能2.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/智能3.jpg" /> </a>
							<p>小米充电宝</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/智能4.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li>
							<a href="#"><img src="产品图片/智能5.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
						<li style="border-right: 0px ;">
							<a href="#"><img src="产品图片/智能6.jpg" /> </a>
							<p>小米Node2</p>
							<p>2799元起</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div style="height: 101px;"></div>
		<div class="container">
			<div id="my-Carousel" class="carousel slide" data-interval="2000">
				<!--1. Indicators:轮播图指示器 -->
				<ol class="carousel-indicators">
					<li data-target="#my-Carousel" data-slide-to="0" class="active"></li>
					<li data-target="#my-Carousel" data-slide-to="1"></li>
					<li data-target="#my-Carousel" data-slide-to="2"></li>
					<li data-target="#my-Carousel" data-slide-to="3"></li>
					<li data-target="#my-Carousel" data-slide-to="4"></li>

				</ol>
				<!-- 2.Wrapper for slides,具体的轮播图内容 -->
				<div class="carousel-inner">
					<!--.item表示具体要展示的轮播图的项目-->
					<div class="item active">
						<img src="小米商城图片/导航1.jpg" alt="...">
						<!--.carousel-caption:表示给内容加的标题-->
					</div>
					<div class="item">
						<img src="小米商城图片/导航2.jpg" alt="...">
					</div>
					<div class="item">
						<img src="小米商城图片/导航3.jpg" alt="...">
					</div>
					<div class="item">
						<img src="小米商城图片/导航4.jpg" alt="...">
					</div>
					<div class="item">
						<img src="小米商城图片/导航5.jpg" alt="...">
					</div>
				</div>
				<!-- 3.Controls 左右切换轮播图内容的控制器 -->
				<a class="left carousel-control" href="#my-Carousel" data-slide="prev">&lsaquo;</a>
				<a class="right carousel-control" href="#my-Carousel" data-slide="next">&rsaquo;</a>
			</div>
			<!--选购-->
			<div class="site-category">
				<a class="site-item" href="">
					<div class="category-item">手机 电话卡<span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;">
						<div>
							<ul>
								<li>
									<img src="产品图片/小米1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>

								</li>
								<li>
									<img src="产品图片/小米2.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米4.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米5.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米6.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/小米7.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米8.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米5.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/小米7.jpg" />

									<p>小米Node2</p>
								</li>

							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2" id="bug1">笔记本 平板 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star1">
						<div>
							<ul>
								<li>
									<img src="产品图片/平板1.png" />
									<p>小米Node2</p>
									<section>选购</section>

								</li>
								<li>
									<img src="小米商城图片/pad2.png" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/小米3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="小米商城图片/scale.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/小米5.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/小米6.jpg" />
									<p>小米Node2</p>

								</li>
							</ul>
						</div>

					</div>
				</a>
				<a href="">
					<div class="bu2" id="bug2">电视 盒子 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star2">
						<div>
							<ul>
								<li>
									<img src="产品图片/电视1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>

								</li>
								<li>
									<img src="产品图片/电视2.png" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视4.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视5.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视6.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/电视1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>

								</li>
								<li>
									<img src="产品图片/电视2.png" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视4.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视5.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电视6.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2">路由器 智能硬件 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star3">
						<div>
							<ul>
								<li>
									<img src="产品图片/智能1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/智能2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/智能3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/智能4.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/智能5.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/智能6.jpg" />
									<p>小米Node2</p>

								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/智能7.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/盒子1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/盒子2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/盒子3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/盒子4.jpg" />

									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/盒子4.jpg" />

									<p>小米Node2</p>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/智能4.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品6.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品8.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品5.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品12.jpg" />

									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/产品11.jpg" />

									<p>小米Node2</p>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/产品6.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/产品4.jpg" />

									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/产品5.jpg" />

									<p>小米Node2</p>
								</li>
							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2">移动电源 电池 插线板 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;">
						<div>
							<ul>
								<li>
									<img src="产品图片/电池1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>

								</li>
								<li>
									<img src="产品图片/电池2.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电池3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电池4.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电源1.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电源2.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/电源3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电源4.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电源3.jpg" />
									<p>小米Node2</p>
									<section>选购</section>
								</li>
								<li>
									<img src="产品图片/电源6.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/插线板.jpg" />

									<p>小米Node2</p>
								</li>

							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2">耳机 音箱 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star4">
						<div>
							<ul>
								<li>
									<img src="产品图片/耳机1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机4.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机5.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机6.jpg" />
									<p>小米Node2</p>

								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<img src="产品图片/音箱1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/音箱2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/音箱3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/耳机2.jpg" />

									<p>小米Node2</p>
								</li>

							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2">保护套 贴膜 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star5">
						<div>
							<ul>
								<li>
									<img src="产品图片/保护1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/保护2.jpg" />
									<p>小米Node2</p>

								</li>

						</div>

					</div>
				</a>
				<a href="">
					<div class="bu2">线材 支架 存储卡 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star6">
						<div>
							<ul>
								<li>
									<img src="产品图片/支架1.jpg" />
									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/支架2.jpg" />
									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/支架3.jpg" />
									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/支架4.jpg" />
									<p>小米Node2</p>
								</li>
								<li>
									<img src="产品图片/支架.jpg" />
									<p>小米Node2</p>
								</li>
							</ul>
						</div>

					</div>
				</a>
				<a href="">
					<div class="bu2">宝箱 服饰 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star7">
						<div>
							<ul>
								<li>
									<img src="产品图片/包箱.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/包箱2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/包箱3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>

							</ul>
						</div>
					</div>
				</a>
				<a href="">
					<div class="bu2">米兔 生活周边 <span class="glyphicon glyphicon-chevron-right"></span></div>
					<div class="star-good" style="display: none;" id="box-star8">
						<div>
							<ul>
								<li>
									<img src="产品图片/米兔.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/米兔2.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/米兔3.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/米兔1.jpg" />
									<p>小米Node2</p>

								</li>
								<li>
									<img src="产品图片/米兔5.jpg" />
									<p>小米Node2</p>

								</li>

							</ul>
						</div>
					</div>
				</a>
			</div>
			<div class="guanggao-box">
				<div class="xuangou">
					<ul>
						<li>
							<a href="#">
								<span class="glyphicon glyphicon-phone"></span>
								<p>选购手机</p>
							</a>
						</li>
						<li class="a1">
							<a href="#">
								<span class="glyphicon glyphicon-gift"></span>
								<p>企业团购</p>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="glyphicon glyphicon-retweet"></span>
								<p>官翻产品</p>
							</a>
						</li>
						<li class="a2">
							<a href="#">
								<span class="glyphicon glyphicon-file"></span>
								<p>小米移动</p>
							</a>
						</li>
						<li class="a3">
							<a href="#">
								<span class="glyphicon glyphicon-phone"></span>
								<p>以旧换新</p>
							</a>
						</li>
						<li class="a4">
							<a href="#">
								<span class="glyphicon glyphicon-credit-card"></span>
								<p>话费充值</p>
							</a>
						</li>
					</ul>

				</div>
				<div class="guanggao">
					<a href="#"><img src="小米商城图片/广告.jpg" alt="" /></a>
					<a href="#"><img class="guanggao-1" src="小米商城图片/广告2.jpg" alt="" /></a>
					<a href="#"><img src="小米商城图片/广告3.jpg" alt="" /></a>
				</div>
			</div>
			<!--小米明星单品-->
			<div class="qingchu-1" style="height: 185px;"></div>
			<h3 style="margin-top:45px ;" style="color: yellow;">小米明星单品</h3>
			<div class="xm-controls">
				<div class="glyphicon glyphicon-chevron-left" style="border-right: 1px solid #e0e0e0;" id="left"></div>
				<div class="glyphicon glyphicon-chevron-right" id="right"></div>
			</div>
			<div class="xm-carousel">
				<ul class="xm-item-1">
					<li style="border-top: 1px solid #ffac13;">
						<a href="#"><img src="小米商城图片/a1.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #83c44e;">
						<a href="#">
							<img src="小米商城图片/a2.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #2196f3;">
						<a href="#"><img src="小米商城图片/a4.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #e53935;">
						<a href="#"><img src="小米商城图片/a10.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="margin-right: 0px;border-top: 1px solid #00c0a5;">
						<a href="#"><img src="小米商城图片/a3.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
				</ul>
				<ul class="xm-item-2" style="display: none;">
					<li style="border-top: 1px solid #ffac13;">
						<a href="#"><img src="小米商城图片/a4.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #83c44e;">
						<a href="#"><img src="小米商城图片/a6.jpg" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #2196f3;">
						<a href="#"><img src="小米商城图片/a7.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="border-top: 1px solid #e53935;">
						<a href="#"><img src="小米商城图片/a12.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
					<li style="margin-right: 0px;border-top: 1px solid #00c0a5;">
						<a href="#"><img src="小米商城图片/a13.png" />
							<p>小米电视</p>
							<p>匠心设置，最美的小米电视</p>
							<p>8990元</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="qingchu-2" style="height:380px ;"></div>
		<div class="beijing">
			<div class="container">
				<!--智能硬件-->
				<h3 style="margin-top: 78px;">智能硬件</h3>
				<div class="div-box">查看全部<span class="glyphicon glyphicon-chevron-right"></span></div>
				<div class="brick-item">
					<img src="背景图片/小米电源.jpg" />
				</div>
				<div class="brick-item-2">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/智能1.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/智能2.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/智能3.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/智能4.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/智能5.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/智能6.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/智能7.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/智能8.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
				</div>

				<!--搭配-->
				<div class="qingchu-3" style="height:614px ;"></div>
				<h3 style="margin-top: 40px;">搭配</h3>
				<ul class="dapei-ul">
					<li id="dapei-1">
						<a href="#">热门</a>
					</li>
					<li id="dapei-2">
						<a href="#">耳机音箱</a>
					</li>
					<li id="dapei-3">
						<a href="#">电源</a>
					</li>
					<li id="dapei-4">
						<a href="#">电池存储卡</a>
					</li>
				</ul>
				<div class="brick-item-3">
					<img src="背景图片/搭配1-1.jpg" />
					<img style="margin-top: 14px;" src="背景图片/搭配1-2.jpg" />
				</div>
				<div class="brick-item-2" id="remen1">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/dapei2.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/dapei3.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/dapei4.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/dapei5.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/dapei6.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/dapei7.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian10.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--耳机音箱-->
				<div class="brick-item-2" id="erji" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian12.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian14.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian19.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian17.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian18.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--电源-->
				<div class="brick-item-2" id="dianyuan" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian20.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian21.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian22.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian23.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian24.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian25.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian26.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--电池存储卡-->
				<div class="brick-item-2" id="dianchi" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian27.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian28.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian29.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian31.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian32.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--配件-->
				<div class="qingchu-3" style="height:614px ;"></div>
				<h3 style="margin-top: 40px;">配件</h3>
				<ul class="dapei-ul">
					<li id="peijian-1">
						<a href="#">热门</a>
					</li>
					<li id="peijian-2">
						<a href="#">保护套</a>
					</li>
					<li id="peijian-3">
						<a href="#">贴膜</a>
					</li>
					<li id="peijian-4">
						<a href="#">其他配件</a>
					</li>
				</ul>
				<div class="brick-item-3">
					<img src="背景图片/配件1.jpg" />
					<img style="margin-top: 14px;" src="背景图片/配件2.jpg" />
				</div>
				<div class="brick-item-2" id="peijian">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian1.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian2.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian3.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian4.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian5.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian8.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--保护套-->
				<div class="brick-item-2" id="baohu" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian27.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian28.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian29.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian31.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian32.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--贴膜-->
				<div class="brick-item-2" id="tiemo" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian12.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian14.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian19.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian17.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian18.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--其他配件-->
				<div class="brick-item-2" id="qita" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian20.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian21.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian22.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian23.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian24.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian25.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian26.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--周边-->
				<div class="qingchu-3" style="height:614px ;"></div>
				<h3 style="margin-top: 40px;">周边</h3>
				<ul class="dapei-ul">
					<li id="zhoubian-1">
						<a href="#">热门</a>
					</li>
					<li id="zhoubian-2">
						<a href="#">服装</a>
					</li>
					<li id="zhoubian-3">
						<a href="#">米兔</a>
					</li>
					<li id="zhoubian-4">
						<a href="#">生活周边</a>
					</li>
					<li id="zhoubian-5">
						<a href="#">包箱</a>
					</li>
				</ul>
				<div class="brick-item-3">
					<img src="背景图片/周边1.jpg" />
					<img style="margin-top: 14px;" src="背景图片/周边2.jpg" />
				</div>
				<div class="brick-item-2" id="zhoubian">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="周边产品/文档标题_files/ren1.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="周边产品/文档标题_files/ren2.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="周边产品/文档标题_files/ren3.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="周边产品/文档标题_files/ren4.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="周边产品/文档标题_files/ren5.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="周边产品/文档标题_files/ren6.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="周边产品/文档标题_files/ren7.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>

							<div class="teshu-2">
								<a href="#">

									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>

							</div>

							</a>
						</li>
					</ul>
				</div>
				<!--服装-->
				<div class="brick-item-2" id="fuzhuang" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian27.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian28.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian29.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian31.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian32.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--米兔-->
				<div class="brick-item-2" id="mitu" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian12.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian14.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian19.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian17.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian18.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--生活周边-->
				<div class="brick-item-2" id="shenghuo" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian20.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian21.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian22.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian23.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian24.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian25.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian26.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<!--包箱-->
				<div class="brick-item-2" id="baoxiang" style="display: none;">
					<ul class="ul-box1">
						<li>
							<a href="#"><img src="小米商城图片/peijian12.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian13.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian14.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/peijian19.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="ul-box2">
						<li>
							<a href="#"><img src="小米商城图片/peijian16.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin: 0px 14px;">
							<a href="#"><img src="小米商城图片/peijian17.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 14px;">
							<a href="#"><img src="小米商城图片/peijian18.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li class="teshu">
							<div>
								<a href="#">
									<img src="小米商城图片/dapei.jpg" />
									<p style="margin-top: 45px;">小米圈铁耳...</p>
									<p style="margin-left: -40px;color: #ff6709;">99元</p>
								</a>
							</div>
							<div class="teshu-2">
								<a href="#">
									<p style="font-size: 18px;color: black;margin-left: 30px;">浏览更多</p>
									<p style="margin-top: 80px;margin-left: -70px;color: #b0b0b0;">热门</p>
									<div class="glyphicon glyphicon-arrow-right"></div>
								</a>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="qingchu-1" style="height: 614px;"></div>
				<h3 style="margin-top:48px;">为你推荐</h3>
				<div class="xm-controls">
					<div class="glyphicon glyphicon-chevron-left" style="border-right: 1px solid #e0e0e0;" id="left"></div>
					<div class="glyphicon glyphicon-chevron-right" id="right"></div>
				</div>
				<div class="xm-carousel">
					<ul class="xm-item-1" style="background-color: #F5F5F5;">
						<li>
							<a href="#"><img src="小米商城图片/a13.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="小米商城图片/a7.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/智能1.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/a10.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 0px;">
							<a href="#"><img src="小米商城图片/a1.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
					<ul class="xm-item-2" style="display: none;">
						<li>
							<a href="#"><img src="小米商城图片/a1.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/a2.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/a3.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li>
							<a href="#"><img src="小米商城图片/a4.png" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
						<li style="margin-right: 0px;">
							<a href="#"><img src="小米商城图片/peijian6.jpg" />
								<p>小米电视</p>
								<p>匠心设置，最美的小米电视</p>
								<p>8990元</p>
							</a>
						</li>
					</ul>
				</div>
				<!--热评产品-->
				<div class="qingchu-1" style="height: 334px;"></div>
				<h3 style="margin-top:48px;">热评产品</h3>
				<ul class="review-list">
					<li>
						<a href="#">
							<img src="周边产品/文档标题_files/reping1.jpg" />
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
							<p>来自于龙岩的评价</p>
							<p style="color: black;">小米胶囊耳机
								<span style="color: #b0b0b0;">|</span>
								<span style="color: #ff6700;">3499元</span>
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="周边产品/文档标题_files/reping2.jpg" />
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
							<p>来自于龙岩的评价</p>
							<p style="color: black;">小米胶囊耳机
								<span style="color: #b0b0b0;">|</span>
								<span style="color: #ff6700;">3499元</span>
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="周边产品/文档标题_files/reping3.jpg" />
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
							<p>来自于龙岩的评价</p>
							<p style="color: black;">小米胶囊耳机
								<span style="color: #b0b0b0;">|</span>
								<span style="color: #ff6700;">3499元</span>
							</p>
						</a>
					</li>
					<li style="margin-right: 0px;">
						<a href="#">
							<img src="周边产品/文档标题_files/reping4.jpg" />
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
							<p>来自于龙岩的评价</p>
							<p style="color: black;">小米胶囊耳机
								<span style="color: #b0b0b0;">|</span>
								<span style="color: #ff6700;">3499元</span>
							</p>
						</a>
					</li>
				</ul>
				<!--内容-->
				<!--<div class="qingchu-1" style="height: 334px;"></div>-->
				<h3 style="margin-top:48px;">应用</h3>
				<ul class="content-list">
					<li style="border-top: 1px solid #ffac13;">
						<a href="#">
							<p style="color: #ffac13;">图书</p>
							<p>哈利·波特与被诅咒的孩子</p>
							<p>哈利·波特第八个故事震撼来袭</p>
							<p>29.37元</p>
							<img src="周边产品/文档标题_files/yingyong1.png" />
						</a>
					</li>
					<li style="border-top: 1px solid #83c44e;">
						<a href="#">
							<p style="color: #83c44e;">MIUL主题</p>
							<p>bilibili拜年祭</p>
							<p>哈利·波特第八个故事震撼来袭</p>
							<p>免费</p>
							<img src="周边产品/文档标题_files/yingyong2.jpg" />
						</a>
					</li>
					<li style="border-top: 1px solid #e53935;">
						<a href="#">
							<p style="color: #e53935;">游戏</p>
							<p>米柚手游模拟器</p>
							<p>哈利·波特第八个故事震撼来袭</p>
							<p>免费</p>
							<img src="周边产品/文档标题_files/yingyong3.jpg" />
						</a>
					</li>
					<li style="margin-right: 0px;border-top: 1px solid #2196f3;">
						<a href="#">
							<p style="color: #2196f3;">应用</p>
							<p>2017金米奖</p>
							<p>哈利·波特第八个故事震撼来袭</p>
							<p>免费</p>
							<img src="周边产品/文档标题_files/yingyong4.png" />
						</a>
					</li>
				</ul>
				<h3 style="margin-top: 40px;">视频</h3>
				<div class="div-box">查看全部<span class="glyphicon glyphicon-chevron-right"></span></div>
				<ul class="vadio-list">
					<li>
						<a href="">
							<div>
								<img src="周边产品/文档标题_files/shipin1.jpg" />
								<p class="glyphicon glyphicon-triangle-right"></p>
							</div>
							<p class="vadio-list-1">小米之家里发生了一件怪事</p>
							<p class="vadio-list-2">Word Order 星机械人受邀访问地球</p>
						</a>
					</li>
					<li>
						<a href="">
							<div>
								<img src="周边产品/文档标题_files/shipin2.jpg" />
								<p class="glyphicon glyphicon-triangle-right"></p>
							</div>
							<p class="vadio-list-1">小米 MIX 概念手机背后的故事</p>
							<p class="vadio-list-2">雷总亲自讲述小米MIX的诞生</p>
						</a>
					</li>
					<li>
						<a href="">
							<div>
								<img src="周边产品/文档标题_files/shipin3.jpg" />
								<p class="glyphicon glyphicon-triangle-right"></p>
							</div>
							<p class="vadio-list-1">一面科技，一面人生</p>
							<p class="vadio-list-2">梁朝伟讲述双面人生</p>
						</a>
					</li>
					<li style="margin-right: 0px;">
						<a href="">
							<div>
								<img src="周边产品/文档标题_files/shipin4.jpg" />
								<p class="glyphicon glyphicon-triangle-right"></p>
							</div>
							<p class="vadio-list-1">小米MIX手机设计哲学</p>
							<p class="vadio-list-2">小米MIX手机设计哲学</p>
						</a>
					</li>
				</ul>
				<div class="qingchu-10" style="height: 10px;">
				</div>
			</div>
			<div class="beijing-list">
				<div class="container">
					<ul class="footer-list">
						<li><span class="glyphicon glyphicon-wrench"></span> 预约维修服务</li>
						<li style="border-left: 1px solid #B0B0B0;border-right: 1px solid #B0B0B0;"><span class="glyphicon glyphicon-thumbs-up"></span> 7天无理由退货</li>
						<li><span class="glyphicon glyphicon-heart-empty"></span> 15天免费换货</li>
						<li style="border-left: 1px solid #B0B0B0;border-right: 1px solid #B0B0B0;"> <span class="glyphicon glyphicon-gift"></span> 满150元包邮</li>
						<li> <span class="glyphicon glyphicon-map-marker"></span> 520余家售后网点</li>
					</ul>
					<div class="qingchu-11" style="height: 50px;"></div>
						<div class="xian" style="height:1px;margin-top: 1px; border-top: 1px solid #B0B0B0;">
							<!--	<hr style="margin-top: 100px;/>-->

							<div class="footer-links-1">
								<ul>
									<li>
										<a href="">
											<p class="footer-p">帮助中心</p>
										</a>
										<a href="">
											<p>账户管理</p>
										</a>
										<a href="">
											<p>购物指南</p>
										</a>
										<a href="">
											<p>订单操作</p>
										</a>
									</li>
									<li>
										<a href="">
											<p class="footer-p">服务支持</p>
										</a>
										<a href="">
											<p>售后政策</p>
										</a>
										<a href="">
											<p>自助服务</p>
										</a>
										<a href="">
											<p>相关下载</p>
										</a>
									</li>
									<li>
										<a href="">
											<p class="footer-p">线下门店</p>
										</a>
										<a href="">
											<p>小米之家</p>
										</a>
										<a href="">
											<p>服务网点</p>
										</a>
										<a href="">
											<p>零售网点</p>
										</a>
									</li>
									<li>
										<a href="">
											<p class="footer-p">关于小米</p>
										</a>
										<a href="">
											<p>了解小米</p>
										</a>
										<a href="">
											<p>加入小米</p>
										</a>
										<a href="">
											<p>联系我们</p>
										</a>
									</li>
									<li>
										<a href="">
											<p class="footer-p">关注我们</p>
										</a>
										<a href="">
											<p>新浪微博</p>
										</a>
										<a href="">
											<p>小米部落</p>
										</a>
										<a href="">
											<p>官方微信</p>
										</a>
									</li>
									<li>
										<a href="">
											<p class="footer-p">特色服务</p>
										</a>
										<a href="">
											<p>F码通道</p>
										</a>
										<a href="">
											<p>礼物码</p>
										</a>
										<a href="">
											<p>防伪查询</p>
										</a>
									</li>
								</ul>
								<div class="last-top">
									<p>400-100-5678</p>
									<p>周一至周日 6：-18：00</p>
									<p>（仅收市话费）</p>
									<div class="glyphicon glyphicon-comment">24小时在线客服
									</div>
								</div>
							</div>
						</div>
					</div>
					</div>
					<div class="footer">
						<div class="container">
							<div class="footer-li">
									<div><img src="背景图片/logo-footer.png"/></div>
						<div class="footer-li-2">
							<ul class="footer-ul-1">
								<li>小米商城 <span>|</span> </li>
								<li>MIUI <span>|</span> </li>
								<li>米聊 <span>|</span> </li>
								<li>多看书城 <span>|</span> </li>
								<li>小米路由器 <span>|</span> </li>
								<li>视频电话 <span>|</span> </li>
								<li>小米后院 <span>|</span> </li>
								<li>小米天猫店 <span>|</span> </li>
								<li>小米淘宝直营店 <span>|</span> </li>
								<li>小米网盟 <span>|</span> </li>
								<li>小米移动 <span>|</span> </li>
								<li>Select Region</li>
							</ul>
							<ul class="footer-ul-2">
								<li>mi.com</li>
								<li class="gudu">jingICP证110507号</li>
								<li>京ICP备10046444号</li>
								<li>京公网安备11010802020134号</li>
								<li>京网文[2014]0059-0009号</li>
							</ul>
							<ul class="footer-ul-3">
								<li>违法不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验测试</li>
							</ul>
						</div>
						<div  class="footer-li-3">
							<img style="margin-left: 40px;" src="小米商城图片/seal.png"/>
						   <img src="小米商城图片/v-logo-1.png"/>
							<img src="小米商城图片/v-logo-2.png"/>
							<img src="小米商城图片/v-logo-3.png"/>
						</div>
					</div>
					<div id="footer">
						<img src="背景图片/slogan2016.png"/>
					</div>
					</div>
                      </div>
	</body>
	<script src="bootstrap/js/jquery.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script src="xiaomi.js"></script>

</html>